<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<script type="text/javascript" src="js/jquery.itextclear.js"></script>
<script type="text/javascript" src="${ctx }/datepicker/WdatePicker.js"></script>
<script type="text/javascript" src="${ctx}/js/global_util.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('input[type=text], input[type=password], input[type=url], input[type=email], input[type=number], textarea', '.form').iTextClear();
    });
</script>
<!-- jQplot CSS -->

<link rel="stylesheet" media="screen" href="${ctx}/css/Tree.css" />
<!-- jQplot CSS END -->

<!-- DATATABLES CSS -->
<link rel="stylesheet" media="screen" href="lib/datatables/css/vpad.css" />
<script type="text/javascript"
	src="lib/datatables/js/jquery.dataTables.js"></script>


<!-- DATATABLES CSS END -->

<script>
    $(document).ready(function() {
        $('#simple-button').popover('#simple-popover', {});
        $('#top-button').popover('#top-popover', {preventLeft: true, preventRight: true, preventBottom:true});
    });
</script>

<h1 class="page-title">员工资料详细信息</h1>


<div class="container_12 clearfix leading">
	<section class="tabs grid_12 leading">
		<ul class="clearfix">
			<li><a href="#" class="current">员工基础资料</a></li>
			<li><a href="#">教育情况</a></li>
			<li><a href="#">培训情况</a></li>
			<li><a href="#">工作经历</a></li>
			<li><a href="#">家庭情况</a></li>
			<li><a href="#">考勤情况</a></li>
			<li><a href="#">异动情况</a></li>
			<li><a href="#">薪资概览</a></li>
			<li><a href="#">考核情况</a></li>
			<li><a href="#">奖惩情况</a></li>
			<li><a href="#">培训情况</a></li>
		</ul>
		<section>

			<DIV class="portlet">
				<header>
					<h5_n>${employeeinfoWork.baseId.name}</h5_n>
					<h2>${employeeinfoWork.baseId.sex=="0"?"先生":"女士"}</h2>
				</header>
				<section class="clearfix">


					<div class="grid_2 alpha"
						style="text-align: center; width: 120; height: 135;">

						<s:if
							test="#request.employeeinfoWork.baseId.facePath==null || #request.employeeinfoWork.baseId.facePath.equals(\"\")">
							<img width="120" height="135" src="images/Avatar.jpg"
								id="image_upload">
						</s:if>
						<s:else>
							<img width="120" height="135"
								src="${employeeinfoWork.baseId.facePath}" id="image_upload">
						</s:else>
					</div>
					<div class="grid_3">
						<dl>

							<dt>员工号</dt>
							<dd>
								<h6>${employeeinfoWork.workNo}</h6>
							</dd>
							<dt>职务</dt>
							<dd>
								<h6>${employeeinfoWork.duty.dutyName}</h6>
							</dd>

							<dt>职级</dt>
							<dd>
								<h6>${employeeinfoWork.grade.gradeSort}</h6>
							</dd>
						</dl>
					</div>
					<div class="grid_3">
						<dl>
							<dt>部门</dt>
							<dd>
								<h6>${employeeinfoWork.organization.fullName}</h6>
							</dd>
							<dt>职等</dt>
							<dd>
								<h6>${employeeinfoWork.grade.gradeName}</h6>
							</dd>

						</dl>
					</div>
					<div class="grid_3 omega"></div>


				</section>
			</DIV>

			<section class="clearfix" style="display: block;">


				<Div class="grid_3 leading">

					<dl>
						<dt>出生年月</dt>
						<dd>
							<s:date name="employeeinfoWork.baseId.birthday"
								format="yyyy/MM/dd" />
						</dd>
						<dt>身高</dt>
						<dd>${employeeinfoWork.baseId.stature}</dd>
						<dt>体重</dt>
						<dd>${employeeinfoWork.baseId.avoirdupois}</dd>
						<dt>邮箱</dt>
						<dd>${employeeinfoWork.baseId.email}</dd>
						<dt>英语阅读</dt>
						<dd>
							<select id="employeeRead" disabled="true">
								<option value="">不详</option>
								<option value="1">一般</option>
								<option value="2">熟练</option>
								<option value="3">精通</option>
							</select>

						</dd>
						<script>$("#employeeRead").val(${employeeinfoWork.baseId.englishRead})</script>
						<dt>英语书写</dt>
						<dd>
							<select id="employeeWrite" disabled="true">
								<option value="">不详</option>
								<option value="1">一般</option>
								<option value="2">熟练</option>
								<option value="3">精通</option>
							</select>
						</dd>
						<script>$("#employeeWrite").val(${employeeinfoWork.baseId.englishWrite})</script>
						<dt>英语会话</dt>
						<dd>
							<select id="employeeDialog" disabled="true">
								<option value="">不详</option>
								<option value="1">一般</option>
								<option value="2">熟练</option>
								<option value="3">精通</option>
							</select>
						</dd>
						<script>$("#employeeDialog").val(${employeeinfoWork.baseId.englishDialog})</script>
					</dl>

				</Div>

				<Div class="grid_3 leading">

					<dl>
						<dt>户籍地址</dt>
						<dd>${employeeinfoWork.baseId.census}</dd>
						<dt>档案所在地</dt>
						<dd>${employeeinfoWork.baseId.archives}</dd>
						<dt>联系地址</dt>
						<dd>${employeeinfoWork.baseId.address}</dd>
						<dt>手机</dt>
						<dd>${employeeinfoWork.baseId.handSet}</dd>
						<dt>其他语言阅读</dt>
						<dd>
							<select id="employeeLanRead" disabled="true">
								<option value="">不详</option>
								<option value="1">一般</option>
								<option value="2">熟练</option>
								<option value="3">精通</option>
							</select>
						</dd>
						<script>$("#employeeLanRead").val(${employeeinfoWork.baseId.languageRead})</script>
						<dt>其他语言书写</dt>
						<dd>
							<select id="employeeLanWrite" disabled="true">
								<option value="">不详</option>
								<option value="1">一般</option>
								<option value="2">熟练</option>
								<option value="3">精通</option>
							</select>
						</dd>
						<script>$("#employeeLanWrite").val(${employeeinfoWork.baseId.languageWrite})</script>
						<dt>其他语言会话</dt>
						<dd>
							<select id="employeeLanDialog" disabled="true">
								<option value="">不详</option>
								<option value="1">一般</option>
								<option value="2">熟练</option>
								<option value="3">精通</option>
							</select>
						</dd>
						<script>$("#employeeLanDialog").val(${employeeinfoWork.baseId.languageDialog})</script>
					</dl>

				</Div>

				<div class="grid_3 leading">

					<dl>
						<dt>身份证</dt>
						<dd>${employeeinfoWork.baseId.idcard}</dd>
						<dt>左眼视力</dt>
						<dd>${employeeinfoWork.baseId.eyeLeft}</dd>
						<dt>电话</dt>
						<dd>${employeeinfoWork.baseId.tel}</dd>
						<dt>婚否</dt>
						<dd>
							<select id="employeemarry" name="employeeinfoBase.marry"
								disabled="true">
								<option value="">不详</option>
								<option value="0">未婚</option>
								<option value="1">已婚</option>
							</select>
							<script type="text/javascript">
                    $("#employeemarry").val(${employeeinfoWork.baseId.marry});
                </script>
							<!--employeeinfoWork.baseId.marry=="0"?"未婚":"结婚" -->
						</dd>
						<dt>英语证书</dt>
						<dd>
							<select id="englishdegree" name="employeeinfoBase.englishLetter"
								disabled="disabled" class="full">
								<option value="">-- 请选择 --</option>
								<option value="3">三级</option>
								<option value="4">四级</option>
								<option value="6">六级</option>
								<option value="8">八级</option>
							</select>
						</dd>
						<script>$("#englishdegree").val(${employeeinfoWork.baseId.englishLetter})</script>
						<dt>子女</dt>
						<dd>
							<select id="employeeBaby" name="employeeinfoBase.baby"
								disabled="true">
								<option value="">不详</option>
								<option value="0">无小孩</option>
								<option value="1">有小孩</option>
							</select>
						</dd>
						<script type="text/javascript">
                $("#employeeBaby").val(${employeeinfoWork.baseId.baby});
            </script>
						<dt>员工状态</dt>
						<dd>${employeeinfoWork.baseId.state=="1"?"在职":"离职"}</dd>
					</dl>

				</div>

				<div class="grid_3 leading">

					<dl>
						<dt>名族</dt>
						<dd>${employeeinfoWork.baseId.folk}</dd>
						<dt>右眼视力</dt>
						<dd>${employeeinfoWork.baseId.eyeRight}</dd>
						<dt>住所邮编</dt>
						<dd>${employeeinfoWork.baseId.postcode}</dd>
						<dt>入职期望薪资</dt>
						<dd>${employeeinfoWork.baseId.compensation}</dd>
						<dt>学历</dt>
						<dd>
							<select id="employeeCertificate" disabled="true">
								<option value="">不详</option>
								<option value="1">小学</option>
								<option value="2">初中</option>
								<option value="3">高中</option>
								<option value="4">大专</option>
								<option value="5">本科</option>
								<option value="6">硕士</option>
								<option value="7">博士</option>
								<option value="8">博士后</option>
							</select>
						</dd>
						<script>$("#employeeCertificate").val(${employeeinfoWork.baseId.certificate})</script>
						<dt>技能熟练度</dt>
						<dd>
							<select id="employeeinfoBasetech" class="full"
								disabled="disabled">
								<option value="">-- 请选择 --</option>
								<option value="1">多能工</option>
								<option value="2">傅级</option>
								<option value="3">熟手</option>
								<option value="4">半熟手</option>
								<option value="5">时装熟手</option>
								<option value="6">一般</option>
								<option value="7">生手</option>
							</select>
						</dd>
						<script>$("#employeeinfoBasetech").val(${employeeinfoWork.baseId.tech})</script>
						<dt>其他说明事项</dt>
						<dd>${employeeinfoWork.baseId.remark}</dd>
					</dl>

				</div>


			</section>
			<section class="clearfix" style="display: none;">
				<header class="grid_12 alpha omega"> </header>
				<div class="grid_12 leading">

					<s:if test="employeeinfoEducationList.size==0">
						<div class="message success">
							<h3>教育经历</h3>

							<p>暂无教育经历</p>
						</div>
					</s:if>
					<s:iterator value="#request.employeeinfoEducationList" var="edu"
						status="eduIndex">
						<div class="message success">
							<h3>教育经历#${eduIndex.index+1}</h3>

							<p>${edu.schoolName},${edu.degree},${edu.specialty}</p>

							<p>
								<s:date name="#edu.beginDate" format="yyyy年MM月" />
								-
								<s:date name="#edu.endDate" format="yyyy年MM月" />
								(${edu.diffMon})
							</p>
						</div>
					</s:iterator>

				</div>
			</section>
			<section class="clearfix" style="display: none;">

				<div class="grid_12 leading">


					<s:if test="employeeinfoTrains.size==0">
						<div class="message info">
							<h3>培训经历</h3>

							<p>暂无培训经历</p>
						</div>
					</s:if>
					<s:else>
						<s:iterator value="#request.employeeinfoTrains" var="train"
							status="trainIndex">
							<div class="message info">
								<h3>培训经历#${trainIndex.index+1}</h3>

								<p>${train.letter},${train.trainAddress},
									${train.trainContent}</p>

								<p>
									<s:date name="#train.beginDate" format="yyyy年MM月" />
									-
									<s:date name="#train.endDate" format="yyyy年MM月" />
									(${train.diffMon})
								</p>
							</div>
						</s:iterator>
					</s:else>

				</div>

			</section>
			<section class="clearfix" style="display: none;">
				<div class="grid_12 leading">

					<s:if
						test="#request.employeeWorkExperiences==null or #request.employeeWorkExperiences.size==0">
						<div class="message warning">
							<h3>工作经历</h3>

							<p>暂无工作经历</p>
						</div>
					</s:if>
					<s:iterator value="#request.employeeWorkExperiences" var="exp"
						status="expIndex">
						<div class="message warning">
							<h3>工作经历#${expIndex.index+1}</h3>

							<p>职位：${exp.job}</p>

							<p>公司名称：${exp.compname}</p>

							<p>
								工作时间：
								<s:date name="#exp.beginDate" format="yyyy年MM月" />
								-
								<s:date name="#exp.endDate" format="yyyy年MM月" />
								(${exp.diffMon})
							</p>

							<p>月薪：${exp.monthlyPay}</p>

							<p>证明人：${exp.proveMan}</p>

							<p>联系电话：${exp.contel}</p>

							<p>离职原因：${exp.resignReason}</p>
						</div>
					</s:iterator>

				</div>
			</section>
			<section class="clearfix" style="display: none;">
				<div class="grid_12 leading">
					<s:if
						test="#request.employeeinfoFamilies==null or #request.employeeinfoFamilies.size==0">
						<div class="message warning">
							<h3>家庭情况</h3>

							<p>暂无家庭情况</p>
						</div>
					</s:if>
					<s:iterator value="#request.employeeinfoFamilies" var="fam"
						status="famsta">
						<div class="message warning">
							<h3>家庭情况#${famsta.index+1}</h3>

							<div>
								<p>
									家庭关系：<span id="modify_fam_familyrelation_${fam.id}">${fam.familyRelation}</span>
								</p>

								<p>
									紧急联系人：<span id="modify_fam_exigenceconname_${fam.id}">${fam.exigenceConname}</span>
								</p>

								<p>
									工作单位：<span id="modify_fam_compname_${fam.id}">${fam.compname}</span>
								</p>

								<p>
									紧系联系人关系：<span id="modify_fam_exigencerelation_${fam.id}">${fam.exigenceRelation}</span>
								</p>

								<p>
									姓名：<span id="modify_fam_name_${fam.id}">${fam.name}</span>
								</p>

								<p>
									紧急联系人电话：<span id="modify_fam_contel_${fam.id}">${fam.contel}</span>
								</p>

								<p>
									住宅地址：<span id="modify_fam_address_${fam.id}">${fam.address}</span>
								</p>

							</div>
						</div>
					</s:iterator>
				</div>
			</section>
			<!-- 新增日志部份 -->
			<section class="clearfix" style="display: none;">
				<div class="tabs side grid_12 leading">
					<p>
						开始时间： <input id="attendStartDate" name="attendStartDate" tabindex="0"
							value="" class="date"
							onfocus="WdatePicker({maxDate: '#F{$dp.$D(\'attendEndDate\')}',dateFmt:'yyyy-MM-dd'})" />
						结束时间： <input id="attendEndDate" name="attendEndDate" tabindex="0"
							value="" class="date"
							onfocus="WdatePicker({minDate: '#F{$dp.$D(\'attendStartDate\')}',dateFmt:'yyyy-MM-dd'})" />
						<a class="button" href="javascript:void(0)" onclick="queryExamInfoByEmployeeId(${employeeinfoWork.id})"><span
							style="background: url(images/img/zoom.png)" class="icon">&nbsp;</span>查看</a>
					</p>
					<div class="grid_12">
						<div id="listattendance" class="clearfix">
							
						</div>
					</div>
				</div>
			</section>

			<section class="clearfix" style="display: none;">
				<h3></h3>
				<h3>部门异动</h3>
				<div class="clearfix">
					<table class="display" id="example">
						<thead>
							<tr>
								<th>异动时间</th>
								<th>现部门</th>
								<th>现职务</th>
								<th>现职等职级</th>
								<th>异动部门</th>
								<th>异动职务</th>
								<th>异动职等职级</th>
								<th>审核状况</th>
							</tr>
						</thead>
						<tbody>
							<s:if test="#request.orgTrans == null || #request.orgTrans.size() <= 0">
								<tr class="gradeX"> <td colspan="8">暂无数据</td> </tr>
							</s:if>
							<s:else>
								<s:iterator value="#request.orgTrans" var="t" status="sta">
									<s:if test="#sta.even"> <tr class="gradeA"> </s:if> <s:else> <tr class="gradeC"> </s:else>
									<td><s:date name="#request.t.moveDateTiem" format="yyyy-MM-dd"/> </td>
					                <td>${t.oldOrganization.fullName}</td>
					                <td>${t.oldDuty.dutyName}</td>
					                <td>${t.oldGradeLevel.gradeName}${t.oldGradeLevel.gradeSort}</td>
					                <td>${t.newOrganization.fullName}</td>
					                <td>${t.newDuty.dutyName}</td>
					                <td>${t.newGradeLevel.gradeName}${t.newGradeLevel.gradeSort}</td>
									<td>
					                    <s:if test="#request.t.status.toString() == 'wait_audit'">
					                        <a href="#transaction/audit-${type}.xhtml?transaction.id=${t.id}" class="button"><span class="icon icon-ok" style="background:url(${ctx}/images/img/error.png)">&nbsp;</span>未审核</a>
					                    </s:if>
					                    <s:elseif test="#request.t.status.toString() == 'within_audit'">
					                        <a href="#transaction/audit-${type}.xhtml?transaction.id=${t.id}" class="button"><span class="icon icon-ok" style="background:url(${ctx}/images/img/error.png)">&nbsp;</span>审核中</a>
					                    </s:elseif>
					                    <s:else>
					                        <a href="#" class="button"><span class="icon icon-ok" style="background:url(${ctx}/images/img/accept.png)">&nbsp;</span>已审核</a>
					                    </s:else>
									</td>
									</tr>
								</s:iterator>
							</s:else>
						</tbody>
					</table>
				</div>

				<h3></h3>
				<h3>晋升异动</h3>
				<div class="clearfix">
					<table class="display" id="example">
						<thead>
							<tr>
								<th>异动时间</th>
								<th>性别</th>
								<th>现部门</th>
								<th>现职务</th>
								<th>现职等职级</th>
								<th>异动职务</th>
								<th>异动职等职级</th>
								<th>审核状况</th>
							</tr>
						</thead>
						<tbody>
							<s:if test="#request.proTrans == null || #request.proTrans.size() <= 0">
								<tr class="gradeX"> <td colspan="8">暂无数据</td> </tr>
							</s:if>
							<s:else>
								<s:iterator value="#request.proTrans" var="t" status="sta">
									<s:if test="#sta.even"> <tr class="gradeA"> </s:if> <s:else> <tr class="gradeC"> </s:else>
									<td><s:date name="#request.t.moveDateTiem" format="yyyy-MM-dd"/> </td>
					                <td>${t.oldOrganization.fullName}</td>
					                <td>${t.oldDuty.dutyName}</td>
					                <td>${t.oldGradeLevel.gradeName}${t.oldGradeLevel.gradeSort}</td>
					                <td>${t.newOrganization.fullName}</td>
					                <td>${t.newDuty.dutyName}</td>
					                <td>${t.newGradeLevel.gradeName}${t.newGradeLevel.gradeSort}</td>
									<td>
					                    <s:if test="#request.t.status.toString() == 'wait_audit'">
					                        <a href="#transaction/audit-${type}.xhtml?transaction.id=${t.id}" class="button"><span class="icon icon-ok" style="background:url(${ctx}/images/img/error.png)">&nbsp;</span>未审核</a>
					                    </s:if>
					                    <s:elseif test="#request.t.status.toString() == 'within_audit'">
					                        <a href="#transaction/audit-${type}.xhtml?transaction.id=${t.id}" class="button"><span class="icon icon-ok" style="background:url(${ctx}/images/img/error.png)">&nbsp;</span>审核中</a>
					                    </s:elseif>
					                    <s:else>
					                        <a href="#" class="button"><span class="icon icon-ok" style="background:url(${ctx}/images/img/accept.png)">&nbsp;</span>已审核</a>
					                    </s:else>
									</td>
									</tr>
								</s:iterator>
							</s:else>
						</tbody>
					</table>
				</div>

				<h3></h3>
				<h3>降职异动</h3>
				<div class="clearfix">
					<table class="display" id="example">
						<thead>
							<tr>
								<th>异动时间</th>
								<th>性别</th>
								<th>现部门</th>
								<th>现职务</th>
								<th>现职等职级</th>
								<th>异动职务</th>
								<th>异动职等职级</th>
								<th>审核状况</th>
							</tr>
						</thead>
						<tbody>
							<s:if test="#request.demTrans == null || #request.demTrans.size() <= 0">
								<tr class="gradeX"> <td colspan="8">暂无数据</td> </tr>
							</s:if>
							<s:else>
								<s:iterator value="#request.demTrans" var="t" status="sta">
									<s:if test="#sta.even"> <tr class="gradeA"> </s:if> <s:else> <tr class="gradeC"> </s:else>
									<td><s:date name="#request.t.moveDateTiem" format="yyyy-MM-dd"/> </td>
					                <td>${t.oldOrganization.fullName}</td>
					                <td>${t.oldDuty.dutyName}</td>
					                <td>${t.oldGradeLevel.gradeName}${t.oldGradeLevel.gradeSort}</td>
					                <td>${t.newOrganization.fullName}</td>
					                <td>${t.newDuty.dutyName}</td>
					                <td>${t.newGradeLevel.gradeName}${t.newGradeLevel.gradeSort}</td>
									<td>
					                    <s:if test="#request.t.status.toString() == 'wait_audit'">
					                        <a href="#transaction/audit-${type}.xhtml?transaction.id=${t.id}" class="button"><span class="icon icon-ok" style="background:url(${ctx}/images/img/error.png)">&nbsp;</span>未审核</a>
					                    </s:if>
					                    <s:elseif test="#request.t.status.toString() == 'within_audit'">
					                        <a href="#transaction/audit-${type}.xhtml?transaction.id=${t.id}" class="button"><span class="icon icon-ok" style="background:url(${ctx}/images/img/error.png)">&nbsp;</span>审核中</a>
					                    </s:elseif>
					                    <s:else>
					                        <a href="#" class="button"><span class="icon icon-ok" style="background:url(${ctx}/images/img/accept.png)">&nbsp;</span>已审核</a>
					                    </s:else>
									</td>
									</tr>
								</s:iterator>
							</s:else>
						</tbody>
					</table>
				</div>

			</section>

			<section class="clearfix" style="display: none;">
				<header class="grid_12 alpha omega" style="padding-top: 18px">
					<p>

						筛选： <select id="search_year">
							<option value="-1">所有月份</option>
                            <s:iterator begin="#request.startYear" end="#request.endYear" var="y">
                                <option value="${y}">${y}年</option>
                            </s:iterator>
                        </select>
                        <select id="search_month">
                            <option value="-1">所有月份</option>
							<option value="12">12月</option>
							<option value="11">11月</option>
							<option value="10">10月</option>
							<option value="9">9月</option>
							<option value="8">8月</option>
							<option value="7">7月</option>
							<option value="6">6月</option>
							<option value="5">5月</option>
							<option value="4">4月</option>
							<option value="3">3月</option>
							<option value="2">2月</option>
							<option value="1">1月</option>
                        </select> <a href="javascript:void(0)" class="button" onclick="searchSalary()"><span class="icon"
							style="background: url(images/img/zoom.png)">&nbsp;</span>确认</a>
					</p>
				</header>
				<div id="listsalary" class="clearfix" >
					
				</div>
			</section>

			<section class="clearfix" style="display: none;">
				<h3></h3>
				<h3>定性考核</h3>
				<div id="demo" class="clearfix">
					<table class="display" id="example">
						<thead>
							<tr>
								<s:if test="#request.examPeriods != null and #request.examPeriods.size() > 0">
									<s:iterator value="#request.examPeriods" var="period">
										<th>${period.periodName}</th>
									</s:iterator>
								</s:if>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>							
							<s:if test="#request.examquals==null or #request.examquals.size() <= 0">
					            <tr class="gradeX">
									<td colspan="4">暂无数据</td>
								</tr>
					        </s:if>
					        <s:else>
					        	<s:iterator value="#request.examquans" var="static" status="sta">
					        		<s:if test="#sta.even"> <tr class="gradeA"> </s:if> <s:else> <tr class="gradeC"> </s:else>				        		
									<td>${static.early}</td>
									<td>${static.previous}</td>
									<td>${static.current}</td>
									<td><a class="button" href="#exam/qual_score_browse_detail.xhtml?type=monthly&&workId=${static.workId}&y=${examPeriods[2].examYear}&m=${examPeriods[2].examMonthly}"><span
										style="background: url(images/img/chart_curve.png)" class="icon">&nbsp;</span>查看全年分数</a></td>
					        		</tr>
					        	</s:iterator>
					        </s:else>
						</tbody>
					</table>
				</div>

				<h3></h3>
				<h3>定量考核</h3>
				<div id="demo" class="clearfix">
					<table class="display" id="example">
						<thead>
							<tr>
								<s:if test="#request.examPeriods != null and #request.examPeriods.size() > 0">
									<s:iterator value="#request.examPeriods" var="period">
										<th>${period.periodName}</th>
									</s:iterator>
								</s:if>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<s:if test="#request.examquans==null or #request.examquans.size() <= 0">
					            <tr class="gradeX">
									<td colspan="4">暂无数据</td>
								</tr>
					        </s:if>
					        <s:else>
					        	<s:iterator value="#request.examquans" var="static" status="sta">
					        		<s:if test="#sta.even"> <tr class="gradeA"> </s:if> <s:else> <tr class="gradeC"> </s:else>				        		
									<td>${static.early}</td>
									<td>${static.previous}</td>
									<td>${static.current}</td>
									<td><a class="button" href="#exam/quan_histroy_detail.xhtml?work.id=${static.workId}&type=monthly">
					                    <span style="background: url(${ctx}/images/img/chart_curve.png)" class="icon">&nbsp;</span>查看全年分数</a></td>
					        		</tr>
					        	</s:iterator>
					        </s:else>
						</tbody>
					</table>
				</div>

				<h3></h3>
				<h3>考核历史浏览</h3>
				<div id="demo" class="clearfix">
					<table class="display" id="example">
						<thead>
							<tr>
								<s:if test="#request.examPeriods != null and #request.examPeriods.size() > 0">
									<s:iterator value="#request.examPeriods" var="period">
										<th>${period.periodName}</th>
									</s:iterator>
								</s:if>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<s:if test="#request.examstats==null or #request.examstats.size() <= 0">
					            <tr class="gradeX">
									<td colspan="4">暂无数据</td>
								</tr>
					        </s:if>
					        <s:else>
					        	<s:iterator value="#request.examstats" var="static" status="sta">
					        		<s:if test="#sta.even"> <tr class="gradeA"> </s:if> <s:else> <tr class="gradeC"> </s:else>				        		
									<td>${static.early}</td>
									<td>${static.previous}</td>
									<td>${static.current}</td>
									<td><a class="button" href="#exam/statisticsannualview.xhtml?type=monthly&empId=${static.workId}&y=${examPeriods[2].examYear}&m=${examPeriods[2].examMonthly}"><span
										style="background: url(${ctx}/images/img/chart_curve.png)" class="icon">&nbsp;</span>查看全年分数</a></td>
					        		</tr>
					        	</s:iterator>
					        </s:else>
						</tbody>
					</table>
				</div>
			</section>

			<section class="clearfix" style="display: none;">

				<h3></h3>
				<h3>奖惩情况</h3>

				<div id="listaward" class="clearfix">
					
				</div>

			</section>

			<section class="clearfix" style="display: block;">

				<h3></h3>
				<h3>培训情况</h3>

				<div id="listplans" class="clearfix">
					
				</div>

			</section>
			<!-- added by henry end -->
		</section>
	</section>


	<div class="tabs side grid_12 leading">
		<div class="clear"></div>
		<div class="grid_12"></div>
	</div>
</div>

<div class="clear"></div>

<script type="text/javascript">
	/**	查询员工考勒信息 */
	function queryExamInfoByEmployeeId(empId){
		 var data = {"workId":empId, "attendStartDate":$("#attendStartDate").val(),"attendEndDate":$("#attendEndDate").val()};
         $.ajax("/employee/staff_attendance.xhtml", {
             type:"POST",
             data:data,
             dataType:"html",
             cache:false,
             success:function (a) {
                 var obj = $("#listattendance");
                 obj.html("");
                 obj.append(a);
             },
             complete:function () {
             }
         });
	}

	$(function(){
        setTimeout("init()", 800)
    });
    function init(){
        $("#search_year").val("${year}");
        $("#search_month").val("${month}");
    }
    /* 搜索薪资 */
    function searchSalary(){
    	var data = {"year":$("#search_year").val(), "month":$("#search_month").val()};
    	$.ajax("/public/staff_salary_statistics.xhtml", {
            type:"POST",
            data:data,
            dataType:"html",
            cache:false,
            success:function (a) {
                var obj = $("#listsalary");
                obj.html("");
                obj.append(a);
            },
            complete:function () {
            }
        });
    }
    
    function queryPlanByWorkId(empId){
    	var data = {"workId":empId};
    	$.ajax("/public/staff_plan_list.xhtml", {
            type:"POST",
            data:data,
            dataType:"html",
            cache:false,
            success:function (a) {
                var obj = $("#listplans");
                obj.html("");
                obj.append(a);
            },
            complete:function () {
            }
        });
    }
    
    function queryAwardByWorkId(empId){
    	var data = {"workId":empId};
    	$.ajax("/public/staff_award_list.xhtml", {
            type:"POST",
            data:data,
            dataType:"html",
            cache:false,
            success:function (a) {
                var obj = $("#listaward");
                obj.html("");
                obj.append(a);
            },
            complete:function () {
            }
        });
    }
    // 获取培训计划 
   	$(document).ready(function(){
   		queryPlanByWorkId(${employeeinfoWork.id});
   		queryAwardByWorkId(${employeeinfoWork.id});
   	});
</script>
